.footer{
    padding: 30px 0;
    margin-top: 60px;
    background-color: #212121;
}
.footer_content .foot_up{
    height: 140px;
}
.footer_content .foot_up .left{
    width: 55%;
    height: 100%;
}
.footer_content .foot_up .left_logo{
    height: 100%;
}
.footer_content .foot_up .left_logo img{
    margin-top: calc((140px - 64px)/2);
}
.footer_content .foot_up .left_logo span{
    display: inline-block;
    height: 100%;
    font-size: 25px;
    margin-top: calc((140px - 28px)/2);
    margin-left: 20px;
    vertical-align: middle;
    color: hsla(0, 0%, 100%, .7);
}
.footer_content .foot_up .left_text{
    width: 260px;
    height: 68px;
    margin-left: 130px;
    margin-top: calc((140px - 68px)/2);
}
.footer_content .foot_up .left_text a{
    display: inline-block;
    margin: 10px 36px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7);
}
.footer_content .foot_up .right{
    width: 40%;
    height: 100%;
}
.footer_content .foot_up .right ul{
    height: 90px;
    margin-top: calc((140px - 90px)/2);
}
.footer_content .foot_up .right li{
    width: calc(100%/3);
    text-align: center;
}
.footer_content .foot_up .right img{
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
}
.footer_content .foot_up .right p{
    margin-top: 8px;
    color: hsla(0, 0%, 100%, .5);
}
.footer_content .foot_down{
    height: 140px;
    margin-top: 30px;
}
.footer_content .foot_down .down_left{
    height: 100%;
}
.footer_content .foot_down .down_left img{
    width: 96px;
    height: 36px;
    margin-top: calc((140px - 96px)/2);
}
.footer_content .foot_down .down_left img:last-child{
    margin-left: 16px;
}
.footer_content .foot_down .down_right{
    line-height: 24px;
    margin-left: 32px;
    color: rgba(255, 255, 255, 0.4);
}